﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Phát triển ứng dụng web</title>
    <link href='http://fonts.googleapis.com/css?family=Luckiest+Guy' rel='stylesheet' type='text/css'>
    <link href="css/about.css" rel="stylesheet">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
    <!--[if IE]>
        <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<div id="container">
    <hgroup class="logo">
        <a href="index.html" rel="#home"><img src="images/logo.png" alt="logo" width="153"></a>
        <br>
        <h1>E1 Group</h1>
        <h3>Trang web giới thiệu nhóm</h3>
    </hgroup>
    <fieldset class="members_list">
        <legend>Danh sách thành viên</legend>
        <ul id="team_members">
            <li><a href="#" rel="#tdung">Trần Tuấn Dũng</a></li>
            <li><a href="#" rel="#hbinh">Nguyễn Hiệp Bình</a></li>
            <li><a href="#" rel="#vduy">Huỳnh Viết Duy</a></li>
            <li><a href="#" rel="#cdung">Võ Chí Dũng</a></li>
            <li><a href="#" rel="#dtu">Trương Đình Tứ</a></li>
        </ul>
    </fieldset>
    <div id="team">
        <div class="member" id="tdung">
            <p class="left">
                <img src="pictures/0812094.jpg" width="100" alt="0812094"/>
            </p>
            <div class="right">
                <h3 class="name">Trần Tuấn Dũng</h3>
                <ul>
                    <li><dfn><abbr title="Mã số sinh viên">MSSV</abbr></dfn> 0812094</li>
                    <li><dfn>Email</dfn> dungtran@moon9.org</li>
                    <li><dfn>Điện thoại</dfn> 0168-565-9229</li>
                    <li><dfn><abbr title="Là trưởng nhóm?">Vai trò</abbr></dfn> Trưởng nhóm</li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="member" id="hbinh">
            <p class="left">
                <img src="pictures/0812034.jpg" width="100" alt="0812034"/>
            </p>
            <div class="right">
                <h3 class="name">Nguyễn Hiệp Bình</h3>
                <ul>
                    <li><dfn><abbr title="Mã số sinh viên">MSSV</abbr></dfn> 0812034</li>
                    <li><dfn>Email</dfn> binhdetective@gmail.com</li>
                    <li><dfn>Điện thoại</dfn> 0168-994-2015</li>
                    <li><dfn>Vai trò</dfn> Thành viên</li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="member" id="vduy">
            <p class="left">
                <img src="pictures/0812073.jpg" width="100" alt="0812073"/>
            </p>
            <div class="right">
                <h3 class="name">Huỳnh Viết Duy</h3>
                <ul>
                    <li><dfn><abbr title="Mã số sinh viên">MSSV</abbr></dfn> 0812073</li>
                    <li><dfn>Email</dfn> duyhuynh61@gmail.com</li>
                    <li><dfn>Điện thoại</dfn> 0164-481-3178</li>
                    <li><dfn>Vai trò</dfn> Thành viên</li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="member" id="cdung">
            <p class="left">
                <img src="pictures/0812095.jpg" width="100" alt="0812095"/>
            </p>
            <div class="right">
                <h3 class="name">Võ Chí Dũng</h3>
                <ul>
                    <li><dfn><abbr title="Mã số sinh viên">MSSV</abbr></dfn> 0812095</li>
                    <li><dfn>Email</dfn> vcdbkcb@gmail.com</li>
                    <li><dfn>Điện thoại</dfn> 0169-358-4281</li>
                    <li><dfn>Vai trò</dfn> Thành viên</li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="member" id="dtu">
            <p class="left">
                <img src="pictures/0812604.jpg" width="100" alt="0812604"/>
            </p>
            <div class="right">
                <h3 class="name">Trương Đình Tứ</h3>
                <ul>
                    <li><dfn><abbr title="Mã số sinh viên">MSSV</abbr></dfn> 0812604</li>
                    <li><dfn>Email</dfn> turtle.fourth@gmail.com</li>
                    <li><dfn>Điện thoại</dfn> 098-928-3093</li>
                    <li><dfn>Vai trò</dfn> Thành viên</li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <footer>
        <a href="http://www.w3.org/html/logo/">
            <img src="http://www.w3.org/html/logo/badge/html5-badge-h-css3-semantics.png" width="165" height="64" alt="HTML5 Powered with CSS3 / Styling, and Semantics" title="HTML5 Powered with CSS3 / Styling, and Semantics">
        </a>
    </footer>
</div>
<script type="text/javascript">
    $(document).ready( function() {
        $('#team_members a').click( function () {
            go2($(this).attr('rel'));
            return false;
        });
    });
    function go2(item) {
        $('#team').scrollTo(item, 500);
    }
</script>
</body>
</html>